<template>
  <div class="topR">
    <div v-if="$i18n.locale ==='zh_CN'">
      <img src="~images/workorder/willConfirm.png" v-if="status == 0 || status == 2"/>
      <img src="~images/workorder/back.png" v-if="status == -1"/>
      <img src="~images/workorder/undispatch.png" v-if="status == 1"/>
      <img src="~images/workorder/willRepair.png" v-if="status == 4"/>
      <img src="~images/workorder/repair.png" v-if="status == 5"/>
      <img src="~images/workorder/complate.png" v-if="status == 6"/>
      <img src="~images/workorder/accept.png" v-if="status == 7"/>
      <img src="~images/workorder/seal05.png" v-if="status == 3"/>
      <img src="~images/workorder/reviewed.png" v-if="status == 9"/>
      <img src="~images/workorder/reanalyzed.png" v-if="status == 12"/>
    </div>
    <div v-if="$i18n.locale ==='en_US'">
      <img src="~images/workorder/willConfirm_en.png" v-if="status == 0 || status == 2 "/>
      <img src="~images/workorder/back_en.png" v-if="status == -1"/>
      <img src="~images/workorder/undispatch_en.png" v-if="status == 1"/>
      <img src="~images/workorder/willRepair_en.png" v-if="status == 4"/>
      <img src="~images/workorder/repair_en.png" v-if="status == 5"/>
      <img src="~images/workorder/complate_en.png" v-if="status == 6"/>
      <img src="~images/workorder/accept_en.png" v-if="status == 7"/>
      <img src="~images/workorder/seal05_en.png" v-if="status == 3"/>
      <img src="~images/workorder/reviewed_en.png" v-if="status == 9"/>
      <img src="~images/workorder/reanalyzed_en.png" v-if="status == 12"/>
    </div>
  </div>
</template>

<script>
export default {
  name: "orderStatusIcon",
  props:['status']
}
</script>

<style scoped lang="scss">
img{
  width: 100%;
  height: auto;
  overflow: hidden;
}
</style>
